<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全国买房_买全国二手房_买全国新房买房贷款一房天下</title>
    <link rel="stylesheet" href="css/head.css" type="text/css"/>
    <link rel="stylesheet" href="css/buy.css" type="text/css"/>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script src="js/main.js"></script>

</head>
<body>
<header>
        <nav>
        <div class="container">
            <ul id="dh">
                <li id="tb"><a><img src="img/navlogo.png"></a></li>
                <li class="s C"><a href="index.html">首页</a></li>
                <li class="C">
                    <a href="buy.html">新房<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A "><a class="A" href="#">本月开盘</a></li>
                        <li class="A "><a class="A" href="#">热门楼盘</a></li>
                        <li class="A"><a class="A" href="#">特价房</a></li>
                        <li class="A"><a class="A" href="#">打折楼盘</a></li>
                        <li class="A"><a class="A" href="#">本月交房</a></li>
                        <li class="A"><a class="A" href="#">楼盘新动态</a></li>
                        <li class="A"><a class="A" href="#">楼盘导购</a></li>
                        <li class="A"><a class="A" href="#">新房排行榜</a></li>
                        <li class="A"><a class="A" href="#">购房知识</a></li>
                        <li class="A"><a class="A" href="#">看房团</a></li>
                        <li class="A"><a class="A" href="#">商业地产</a></li>
                        <li class="A"><a class="A B" href="#" style="text-align: center;padding-top: 3px">帮你找房</a></li>
                    </ul>
                </li>
                <li class="C">
                    <a href="#">二手房<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">在售房源</a></li>
                        <li class="A"><a class="A" href="#">优选房源</a></li>
                        <li class="A"><a class="A" href="#">找小区</a></li>
                        <li class="A"><a class="A" href="#">找别墅</a></li>
                        <li class="A"><a class="A" href="#">查成交</a></li>
                        <li class="A"><a class="A" href="#">二手房排行榜</a></li>
                        <li class="A"><a class="A" href="#">购房知识</a></li>
                        <li class="A"><a class="A B" href="ksmf.html" style="text-align: center;padding-top: 3px">我要卖房</a></li>
                    </ul>
                </li>
                <li class="C">
                    <a href="zu.html">租房<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">在租房源</a></li>
                        <li class="A"><a class="A" href="#">品牌公寓</a></li>
                        <li class="A"><a class="A" href="#">楼盘新动态</a></li>
                        <li class="A"><a class="A" href="#">整租房源</a></li>
                        <li class="A"><a class="A" href="#">合租房源</a></li>
                        <li class="A"><a class="A" href="#">别墅房源</a></li>
                        <li class="A"><a class="A" href="#">短租日租</a></li>
                        <li class="A"><a class="A" href="#">租房知识</a></li>
                        <li class="A"><a class="A" href="#">求租</a></li>
                        <li class="A"><a class="A B" href="#" style="text-align: center;padding-top: 3px">免费发布出租</a>
                        </li>
                    </ul>
                </li>
                <li class="C"><a href="#">查房价<i class='fa fa-angle-down'></i></a></li>
                <li class="C">
                    <a href="#">装修家居<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">找装饰公司</a></li>
                        <li class="A"><a class="A" href="#">装修日记</a></li>
                        <li class="A"><a class="A" href="#">装修效果图</a></li>
                        <li class="A"><a class="A" href="#">装修攻略</a></li>
                        <li class="A"><a class="A" href="#">家居资讯</a></li>
                        <li class="A"><a class="A" href="#">建材家具</a></li>
                        <li class="A"><a class="A B" href="#" style="text-align: center;padding-top: 3px">帮你装修</a></li>
                    </ul>
                </li>

                <li class='sub-menu C'>
                    <a href="#">写字楼<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">写字楼出租</a></li>
                        <li class="A"><a class="A" href="#">写字楼出售</a></li>
                        <li class="A"><a class="A" href="#">写字楼新盘</a></li>
                    </ul>
                </li>
                <li class='sub-menu C'>
                    <a href="#">商铺<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">商铺出租</a></li>
                        <li class="A"><a class="A" href="#">商铺出售</a></li>
                        <li class="A"><a class="A" href="#">商铺新盘</a></li>
                    </ul>
                </li>
                <li class='sub-menu C'>
                    <a href="#">业主论坛<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">精华帖</a></li>
                        <li class="A"><a class="A" href="#">业主活动</a></li>
                        <li class="A"><a class="A" href="#">装修论坛</a></li>
                    </ul>
                </li>
                <li class='sub-menu C'>
                    <a href="#">房产百科<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">房产快讯</a></li>
                        <li class="A"><a class="A" href="#">房产问答</a></li>
                        <li class="A"><a class="A" href="#">房产知识</a></li>
                        <li class="A"><a class="A" href="#">房产圈</a></li>
                    </ul>
                </li>
                <li class='sub-menu C'>
                    <a href="#">更多<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">金融</a></li>
                        <li class="A"><a class="A" href="#">产业</a></li>
                        <li class="A"><a class="A" href="#">海外房产</a></li>
                        <li class="A"><a class="A" href="#">文化活动频道</a></li>
                        <li class="A"><a class="A" href="#">VR全景看房</a></li>
                        <li class="A"><a class="A" href="#">移动APP</a></li>
                    </ul>
                </li>
                <li class='sub-menu C D'>
                    <a href="#">登录<i class='fa fa-angle-down'></i></a>
                    <ul>
                        <li class="A"><a class="A" href="#">我的房天下</a></li>

                    </ul>
                </li>
                <a href="#" id="D"></a>
                <li class='sub-menu C '>
                    <a href="#">经济云<i class='fa fa-angle-down'></i></a>
                </li>
                <li class='sub-menu C '>
                    <a href="#">开发云<i class='fa fa-angle-down'></i></a>
                </li>
                <li class='sub-menu C '>
                    <a href="#">家居云<i class='fa fa-angle-down'></i></a>
                </li>
            </ul>
        </div>
    </nav>

    <script>
        $('nav li').hover(
            function () {
                $('ul', this).stop().slideDown(100);
            },
            function () {
                $('ul', this).stop().slideUp(200);
            }
        );
    </script>
</header>

<p id="bt">帮你买房!</p>
<p id="xbt">买新房，买二手房，海外购房，买房贷款——四项专享服务，帮您快速买房，网上买房既省心又安心</p>
<img id="bjtp"src="img/bj.png"width="100%" height="60%">
<div id="an">
<p class="an">我要买</p>
<p  id="a" class="an">新房</p>
<p  id="b" class="an">二手房</p>
<p  id="c" class="an">海外房</p>
</div>

<section id="bd1">

    <form id="xzk" action="#">
        <p class="wz"><font color="red">*</font> 目标区域</p>
        <select name="devices" value="ipod" id="select">
            <option value="请选择区域">请选择区域</option>
            <option value="朝阳">朝阳</option>
            <option value="大兴">大兴</option>
            <option value="昌平">昌平</option>
            <option value="房山">房山</option>
            <option value="通州">通州</option>
            <option value="海淀">海淀</option>
            <option value="丰台">丰台</option>
            <option value="顺义">顺义</option>
            <option value="密云">密云</option>
            <option value="门头沟">门头沟</option>
            <option value="东城">东城</option>
            <option value="西城">西城</option>
            <option value="怀柔">怀柔</option>
            <option value="延庆">延庆</option>
            <option value="石景山">石景山</option>
            <option value="平谷">平谷</option>
            <option value="武清">武清</option>
            <option value="燕郊">燕郊</option>
            <option value="香河">香河</option>
            <option value="大厂">大厂</option>
            <option value="固安">固安</option>
            <option value="永清">永清</option>
            <option value="廊坊">廊坊</option>
            <option value="蟊州">蟊州</option>
            <option value="涿州">涿州</option>
            <option value="涞水">涞水</option>
            <option value="怀来">怀来</option>
            <option value="崇礼">崇礼</option>
            <option value="秦皇岛">秦皇岛</option>
            <option value="天津">天津</option>
            <option value="北京周边">北京周边</option>
            <option value="海滨">海滨</option>
            <option value="海外地产">海外地产</option>
            <option value="其他">其他</option>
        </select>

        <select name="" value="" id="subselect">
            <option id="sub" value="请选择商圈">请选择商圈</option>
        </select>
        <div id="er">
            <p class="wz"><font color="red">*</font> 意向户型</p>
            <select name="devices">
                <option value="请选择户型">请选择户型</option>
                <option value="一居">一居</option>
                <option value="二居">二居</option>
                <option value="三居">三居</option>
                <option value="四居">四居</option>
                <option value="五居">五居</option>
                <option value="五居以上">五居以上</option>
            </select>
            <br>
            <p class="wz"><font color="red">*</font> 期望价格</p>
            <select name="devices">
                <option value="200万以下">200万以下</option>
                <option value="200-300万">200-300万</option>
                <option value="300-400万">300-400万</option>
                <option value="400-500万">400-500万</option>
                <option value="500-800万">500-800万</option>
                <option value="800-1000万">800-1000万</option>
                <option value="1000-1500万">1000-1500万</option>
                <option value="1 500-2000万">1 500-2000万</option>
                <option value="2000万以上">2000万以上</option>
            </select>
            <br>
            <p class="wz"><font color="red">*</font> 您的称呼</p>
            <input class="H" type="text" name="username" size="15" maxlenth="30">
            <br>
            <p class="wz"><font color="red">*</font> 手机号码</p>
            <input class="H"  type="text" name="username" size="15" maxlenth="11">
            <br>
            <input  class="H" id="yzm" type="text" name="username" size="6" maxlenth="6">
            <button>获取验证码</button>
            <br>
            <input type="submit" value="提交" class="tj">
        </div>
        <br>
    </form>
    <form id="xzk2" action="#" class="xs">

        <p class="wz"><font color="red">*</font> 目标区域</p>
        <select name="devices" value="ipod" id="select2">
            <option value="请选择区域">请选择区域</option>
            <option value="朝阳">朝阳</option>
            <option value="大兴">大兴</option>
            <option value="昌平">昌平</option>
            <option value="房山">房山</option>
            <option value="通州">通州</option>
            <option value="海淀">海淀</option>
            <option value="丰台">丰台</option>
            <option value="顺义">顺义</option>
            <option value="密云">密云</option>
            <option value="门头沟">门头沟</option>
            <option value="东城">东城</option>
            <option value="西城">西城</option>
            <option value="怀柔">怀柔</option>
            <option value="延庆">延庆</option>
            <option value="石景山">石景山</option>
            <option value="平谷">平谷</option>
            <option value="武清">武清</option>
            <option value="燕郊">燕郊</option>
            <option value="香河">香河</option>
            <option value="大厂">大厂</option>
            <option value="固安">固安</option>
            <option value="永清">永清</option>
            <option value="廊坊">廊坊</option>
            <option value="蟊州">蟊州</option>
            <option value="涿州">涿州</option>
            <option value="涞水">涞水</option>
            <option value="怀来">怀来</option>
            <option value="崇礼">崇礼</option>
            <option value="秦皇岛">秦皇岛</option>
            <option value="天津">天津</option>
            <option value="北京周边">北京周边</option>
            <option value="海滨">海滨</option>
            <option value="海外地产">海外地产</option>
            <option value="其他">其他</option>
        </select>

        <select name="" value="" id="subselect2">
            <option id="sub" value="请选择商圈">请选择商圈</option>
        </select>

        <div id="BD">
        <p class="bd"><font color="red">*</font> 意向户型</p>
        <input class="H" size="3">
        <P class="bd"><font size="2px">室</font></P>
        <input class="H" size="3">
        <P class="bd"><font size="2px">厅</font></P>
            <br>
            <p class="bd"><font color="red">*</font> 意向面积</p>
            <p class="bd"><font size="2px">不超过</font></p>
            <input class="H" size="8">
            <p class="bd"><font size="2px">平方米</font></p>
            <br>
            <p class="bd"><font color="red">*</font> 期望价格</p>
            <p class="bd"><font size="2px">不超过</font></p>
            <input class="H" size="8">
            <p class="bd"><font size="2px">万元</font></p>
            <br>
            <p class="wz"><font color="red">*</font> 手机号码</p>
            <input class="H"  type="text" name="username" size="15" maxlenth="11">
            <br>
            <input  class="H" id="yzm" type="text" name="username" size="6" maxlenth="6">
            <button>获取验证码</button>
            <br>
            <input type="submit" value="提交" class="tj">
        </div>
    </form>
</section>

<section style="margin-left: 20%">
    <div class="zoushitu" style="margin-top: 50px;width: 620px;height: 180px;text-align: center">
        <!-- 房价走势图start -->
        <div id="ti110" style="display: block;">
            <div class="newesf floatr">
                <span class="redsq"></span>
                <span><img src="img/xf.png">新房</span>
                <span class="bluesq"></span>
                <span><img src="img/esf.png">二手房</span>
            </div>
            <iframe width="760" scrolling="no" height="180" frameborder="0" src="http://fangjia.fang.com/pinggu/chart/ChartDefaultNew.aspx?dataType=city&amp;height=180&amp;width=760&amp;year=1&amp;KeyWord=4&amp;cityshort=bj"></iframe>
        </div>
        <!-- 房价走势图end -->
        <!-- 房价涨跌榜start -->
        <div style="display: none;" id="ti111">
            <div class="newesf floatr">
                <span class="yellowsq"></span>
                <span>涨</span>
                <span class="lightgreensq"></span>
                <span>跌</span>
            </div>
            <div class="clear"></div>
            <div id="comerceupdown">
                <style type="text/css">  /*房价涨跌榜--柱状图20150427*/.flowbox{position: relative;}.cfjweb-za{background-color: #f69f2d; height: 40px; position: absolute}.cfjweb-zb{ background-color: #98da58; height: 25px;}.flowbox{line-height: 1.5em;}.flowbox ul li{width: 5%;padding-right: 5%;float: left;position: relative;text-align: center;height: 50%;border-bottom: 1px solid #eee;}/*.flowbox ul li:last-child{border-bottom: none;}.flowbox ul li:last-child a{border-top: 1px solid #eee;}*/.flowbox ul li a{display: block;width: 50%;position: absolute;bottom: 0;left: 0;color: #f69f2d;}.flowbox ul li a:link,.flowbox ul li a:visited,.flowbox ul li a:hover,.flowbox ul li a:active{color:#f69f2d; text-decoration: none;}.flowbox ul li.uper a{bottom: 0;left: 0;}.flowbox ul li.lower a{left: 0;}.flowbox ul li span{color: #333;}.flowbox ul li.uper a span.percent{position: absolute;top: -1.5em;left: 0;width: 120%;text-align: center; overflow:visible;wihte-space: nowrap;}.flowbox ul li.uper a span.percent.fuzhi{left: -0.5em;text-align: center;}.flowbox ul li.uper span.areaname{position: absolute;bottom: -1.5em;left: -7px;display: block;width: 50%;text-align: center;width:80%}.flowbox ul li.lower span.percent{position: absolute;bottom: -1.5em;left: 0;width: 120%;text-align: center;}.flowbox ul li.lower span.areaname{position: absolute;bottom: 0;left: -7px;display: block;width: 50%;text-align: center;width:80%}.zoushitu{overflow: visible;}</style>   <div class="flowbox">       <ul style="width: 700px; height: px; position: relative; z-index: 1;margin-top:10px;">         <li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a00/" class="cfjweb-za" style="height: 1.87861271676301%;" target="_blank"><span class="percent">0.13%</span></a><span class="areaname">海淀</span></li><li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a0585/" class="cfjweb-za" style="height: 2.16763005780347%;" target="_blank"><span class="percent">0.15%</span></a><span class="areaname">大兴</span></li><li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a03/" class="cfjweb-za" style="height: 4.47976878612717%;" target="_blank"><span class="percent">0.31%</span></a><span class="areaname">西城</span></li><li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a012/" class="cfjweb-za" style="height: 7.80346820809249%;" target="_blank"><span class="percent">0.54%</span></a><span class="areaname">昌平</span></li><li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a01/" class="cfjweb-za" style="height: 8.95953757225434%;" target="_blank"><span class="percent">0.62%</span></a><span class="areaname">朝阳</span></li><li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a06/" class="cfjweb-za" style="height: 12.1387283236994%;" target="_blank"><span class="percent">0.84%</span></a><span class="areaname">丰台</span></li><li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a011/" class="cfjweb-za" style="height: 18.9306358381503%;" target="_blank"><span class="percent">1.31%</span></a><span class="areaname">顺义</span></li><li class="uper"><a href="http://fangjia.fang.com/zoushi/c0bj/a02/" class="cfjweb-za" style="height: 62.5722543352601%;" target="_blank"><span class="percent">4.33%</span></a><span class="areaname">东城</span></li><li class="lower"><a href="http://fangjia.fang.com/zoushi/c0bj/a08/" class="cfjweb-zb" style="height: 100%;bottom:-100%" target="_blank"><span class="percent fuzhi">-6.92%</span></a><span class="areaname">房山</span></li><li class="lower"><a href="http://fangjia.fang.com/zoushi/c0bj/a010/" class="cfjweb-zb" style="height: 5.63583815028902%;bottom:-5.63583815028902%" target="_blank"><span class="percent fuzhi">-0.39%</span></a><span class="areaname">通州</span></li>       </ul>       <ul class="flow_data" style="position: absolute; font-size: 12px; left: 0; top: 0; width: 760px; z-index: 0;">                  </ul>   </div>
            </div>
            <!-- 房价涨跌榜end -->
        </div>
    </div>
</section>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
<script>

    $('#select').bind('change', function () {
        var value = $('#select').val();
        if (value === '朝阳') {
            var city = ["安贞", "奥林匹克公园", "北沙滩", "北工大", "八里庄", "北苑", "百子湾", "朝阳公园",
                "朝阳门", "常营", "CBD", "朝青", "东八里庄", "定福庄", "东大桥", "大山子",
                "豆各庄", "东坝", "大望路", "第四使馆区", "方庄", "垡头", "国展", "国贸",
                "管庄", "广渠门", "工体", "高碑店", "甘露园", "红庙", "华威", "欢乐谷", "惠新西街",
                "劲松", "酒仙桥", "建国门", "京沈高速", "京通高速", "京顺路", "健翔桥", "柳芳", "来广营",
                "潘家园", "三元桥", "十里堡", "双井", "芍药居", "十八里店", "四惠", "石佛营", "三里屯",
                "双桥", "团结湖", "太阳宫", "望京", "西坝河", "燕莎", "亚运村", "亚运村小营", "亚奥", "燕莎国展", "左家庄",
            ];


            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value=" + a + ">" + a + "</option>")
            }
        }

        if (value === '大兴') {
            var city = ["采育镇", "国家新媒体产业基地", "黄村卫星城", "京开高速", "旧宫", "庞各庄", "生物医药基地", "首都第二机场",
                "天宫院", "魏善庄", "西红门", "亦庄", "瀛海",];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value='+a+'>" + a + "</option>")
            }
        }

        if (value === '昌平') {
            var city = ["北七家", "八达岭高速", "回龙观", "京汤路", "立水桥", "立汤路", "南邵", "沙河", "未来科技城", "小汤山"];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '房山') {
            var city = ["长阳", "长沟", "卖店", "琉璃河", "良乡", "青龙湖", "闫村", "张坊",];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '通州') {
            var city = ["北关", "八里桥市场", "次渠", "东关", "果园", "九棵树", "焦王庄", "梨园",
                "马驹桥", "乔庄", "宋庄", "通州北苑", "土桥", "通州北", "通州城区", "通州南", "台湖",
                "武夷花园", "西上园", "新华大街", "西马庄", "亦庄", "永顺", "运河大街", "中仓",
            ];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '海淀') {
            var city = ["八达岭高速路", "北三环", "公主坟", "甘家口", "马甸学院路", "上地", "四季青", "上清", "西客站",
                "玉泉路", "颐和园北", "中关村", "紫竹桥",
            ];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '丰台') {
            var city = ["菜户营","方庄","丰台科学城","花乡","京石高速","京开路","六里桥","丽泽","木樨园",
                "马家堡","南宫","宋家庄","王佐镇","新宫","岳各庄","玉泉营",
            ];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '顺义') {
            var city = ["后沙峪","机场南路","李桥","马坡","马坡乡","顺义城","天竺","天竺空港","杨销","中央别墅区"
            ];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }
        if (value === '密云') {
           $("#subselect").empty();
           $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '门头沟') {
            $("#subselect").empty();
            $("#subselect").append("<option value=老城>老城</option>");
            $("#subselect").append("<option value=潭柘寺>潭柘寺</option>");
            $("#subselect").append("<option value=新城>新城</option>");
        }

        if (value === '天津') {
            $("#subselect").empty();
            $("#subselect").append("<option value=和平区>和平区</option>");
            $("#subselect").append("<option value=蓟县>蓟县</option>");
        }

        if (value === '东城') {
            var city = ["安定门","崇文门","CBD","东直门","东二环","两广大街","王府井",];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '西城') {
            var city = ["德胜门","广安门","金融街","积水潭","马连道","西单","宣武门","新街口","西直门",];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }
        if (value === '怀柔') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '武清') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '燕郊') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '香河') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '大厂') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '固安') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '永清') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '延庆') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '霸州') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '涿州') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '涞水') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '崇礼') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '秦皇岛') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '北京周边') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '海滨') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '海外房产') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }
        if (value === '其他') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }
        if (value === '怀来') {
            $("#subselect").empty();
            $("#subselect").append("<option value=其他>其他</option>")
        }

        if (value === '石景山') {
            $("#subselect").empty();
            $("#subselect").append("<option value=八大处>八大处</option>");
            $("#subselect").append("<option value=古城>古城</option>");
            $("#subselect").append("<option value=苹果园>苹果园</option>");
            $("#subselect").append("<option value=万达>万达</option>");
        }

        if (value === '廊坊') {
            $("#subselect").empty();
            $("#subselect").append("<option value=安次>安次</option>");
            $("#subselect").append("<option value=大城>大城</option>");
            $("#subselect").append("<option value=广阳>广阳</option>");
            $("#subselect").append("<option value=开发区>开发区</option>");
            $("#subselect").append("<option value=文安>文安</option>");
        }

        if (value === '平谷') {
            var city = ["京平高速","马坊","马昌营","平谷城区","夏各庄",];

            $("#subselect").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }
    });
</script>
<script>

    $('#select2').bind('change', function () {
        var value = $('#select2').val();
        if (value === '朝阳') {
            var city = ["安贞", "奥林匹克公园", "北沙滩", "北工大", "八里庄", "北苑", "百子湾", "朝阳公园",
                "朝阳门", "常营", "CBD", "朝青", "东八里庄", "定福庄", "东大桥", "大山子",
                "豆各庄", "东坝", "大望路", "第四使馆区", "方庄", "垡头", "国展", "国贸",
                "管庄", "广渠门", "工体", "高碑店", "甘露园", "红庙", "华威", "欢乐谷", "惠新西街",
                "劲松", "酒仙桥", "建国门", "京沈高速", "京通高速", "京顺路", "健翔桥", "柳芳", "来广营",
                "潘家园", "三元桥", "十里堡", "双井", "芍药居", "十八里店", "四惠", "石佛营", "三里屯",
                "双桥", "团结湖", "太阳宫", "望京", "西坝河", "燕莎", "亚运村", "亚运村小营", "亚奥", "燕莎国展", "左家庄",
            ];


            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value=" + a + ">" + a + "</option>")
            }
        }

        if (value === '大兴') {
            var city = ["采育镇", "国家新媒体产业基地", "黄村卫星城", "京开高速", "旧宫", "庞各庄", "生物医药基地", "首都第二机场",
                "天宫院", "魏善庄", "西红门", "亦庄", "瀛海",];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value='+a+'>" + a + "</option>")
            }
        }

        if (value === '昌平') {
            var city = ["北七家", "八达岭高速", "回龙观", "京汤路", "立水桥", "立汤路", "南邵", "沙河", "未来科技城", "小汤山"];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '房山') {
            var city = ["长阳", "长沟", "卖店", "琉璃河", "良乡", "青龙湖", "闫村", "张坊",];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '通州') {
            var city = ["北关", "八里桥市场", "次渠", "东关", "果园", "九棵树", "焦王庄", "梨园",
                "马驹桥", "乔庄", "宋庄", "通州北苑", "土桥", "通州北", "通州城区", "通州南", "台湖",
                "武夷花园", "西上园", "新华大街", "西马庄", "亦庄", "永顺", "运河大街", "中仓",
            ];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '海淀') {
            var city = ["八达岭高速路", "北三环", "公主坟", "甘家口", "马甸学院路", "上地", "四季青", "上清", "西客站",
                "玉泉路", "颐和园北", "中关村", "紫竹桥",
            ];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '丰台') {
            var city = ["菜户营","方庄","丰台科学城","花乡","京石高速","京开路","六里桥","丽泽","木樨园",
                "马家堡","南宫","宋家庄","王佐镇","新宫","岳各庄","玉泉营",
            ];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '顺义') {
            var city = ["后沙峪","机场南路","李桥","马坡","马坡乡","顺义城","天竺","天竺空港","杨销","中央别墅区"
            ];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }
        if (value === '密云') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '门头沟') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=老城>老城</option>");
            $("#subselect2").append("<option value=潭柘寺>潭柘寺</option>");
            $("#subselect2").append("<option value=新城>新城</option>");
        }

        if (value === '天津') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=和平区>和平区</option>");
            $("#subselect2").append("<option value=蓟县>蓟县</option>");
        }

        if (value === '东城') {
            var city = ["安定门","崇文门","CBD","东直门","东二环","两广大街","王府井",];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }

        if (value === '西城') {
            var city = ["德胜门","广安门","金融街","积水潭","马连道","西单","宣武门","新街口","西直门",];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect2").append("<option value="+a+">" + a + "</option>")
            }
        }
        if (value === '怀柔') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '武清') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '燕郊') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '香河') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '大厂') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '固安') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '永清') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '延庆') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '霸州') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '涿州') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '涞水') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '崇礼') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '秦皇岛') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '北京周边') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '海滨') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '海外房产') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }
        if (value === '其他') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }
        if (value === '怀来') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=其他>其他</option>")
        }

        if (value === '石景山') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=八大处>八大处</option>");
            $("#subselect2").append("<option value=古城>古城</option>");
            $("#subselect2").append("<option value=苹果园>苹果园</option>");
            $("#subselect2").append("<option value=万达>万达</option>");
        }

        if (value === '廊坊') {
            $("#subselect2").empty();
            $("#subselect2").append("<option value=安次>安次</option>");
            $("#subselect2").append("<option value=大城>大城</option>");
            $("#subselect2").append("<option value=广阳>广阳</option>");
            $("#subselect2").append("<option value=开发区>开发区</option>");
            $("#subselect2").append("<option value=文安>文安</option>");
        }

        if (value === '平谷') {
            var city = ["京平高速","马坊","马昌营","平谷城区","夏各庄",];

            $("#subselect2").empty();
            var arrayLength = city.length;// 数组的长度
            //当i<arrayLength时，可以按顺序访问数组中的值
            for (var i = 0; i < arrayLength; i++) {
                var B = city[i];//调用数组中的值
                println(B)
            }

            function println(a) {
                $("#subselect").append("<option value="+a+">" + a + "</option>")
            }
        }
    });
</script>
<script>
    $('#a').on('click',function(){
        $("#xzk").css("display", "inline");
        $("#xzk2").css("display", "none");
    });

    $('#b').on('click',function(){
        $("#xzk").css("display", "none");
        $("#xzk2").css("display", "inline");
    });
</script>
</body>
</html>